<template>
  <div >
    <el-card>
    <powerChangeP></powerChangeP>
    </el-card>

  <div class="app">
    <el-card class="card">
    <powerChangeI></powerChangeI>
  </el-card>
  <el-card class="card">
    <powerChangeU></powerChangeU>
  </el-card>
</div>
  </div>
  

  
</template>
<script>
import powerChangeI from './powerChangeI'
import powerChangeU from './powerChangeU'
import powerChangeP from './powerChangeP'

export default {
  components :{
    powerChangeI,
    powerChangeU,
    powerChangeP

  },
}
</script>

<style scoped>
.app {
  display: flex;
  justify-content: space-between; /* 让两个卡片尽量分开 */
  align-items: center; /* 如果需要垂直居中 */
}

.card {
  /* 根据需要设置卡片的宽度和边距等样式 */
  flex: 1; /* 弹性布局下，每个卡片占用剩余空间的一半 */
  margin: 10px; /* 添加一些边距使卡片不紧贴在一起 */
}
</style>